<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <h1>这是我的啦，哈哈哈哈</h1>
    <div class="container">
        <ul id="qipan">
            
        </ul>
    </div>
</body>
<script src="./js/randomNum.js"></script>
<script src="./js/Item.js"></script>
<script src="./js/Square.js"></script>
<script src="./js/matrix.js"></script>
<script>
    var ul = document.getElementById('qipan');
    var itemList = [];    
    itemList[0] = new Item('德鲁伊', 'url(./images/1.jpg)');
    itemList[1] = new Item('猎人', 'url(./images/2.jpg)');
    itemList[2] = new Item('巨魔', 'url(./images/3.jpg)');
    itemList[3] = new Item('战士', 'url(./images/4.jpg)');
    itemList[4] = new Item('盗贼', 'url(./images/5.jpg)');
    itemList[5] = new Item('火魔', 'url(./images/6.jpg)');
    itemList[6] = new Item('圣骑士', 'url(./images/7.jpg)');
    itemList[7] = new Item('血精灵', 'url(./images/8.jpg)');
    var matrix = new Matrix(ul, 4, itemList);
    matrix.init();
    // console.log(matrix)
    matrix.render();    
</script>
</html>